<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <link rel="stylesheet" href="../www/css/base1.css">
    <link rel="stylesheet" href="../www/css/personal.css">
</head>
<body>
    <div class="gb">
    <div class="g-box">
        <div class="f-l">
            <div class="bao">
            <p class="f-l-o">
                <span class="iconfont s">&#xe616;</span>
                <span class="w">上海市</span>
                <i class="iconfont i">&#xe6ce;</i>
            </p>
            <div class="tab">
                <div class="tab-ul">
                    <li class="tabli-f">
                        <i class="titf">北京</i>
                        <div class="tabot">
                            <ul class="botf lis1">
                                <li>北京</li>
                                <li>辽宁</li>
                                <li>青海</li>
                                <li>湖南</li>
                                <li>广西</li>
                            </ul>
                            <ul class="botf lis2">
                                <li>上海</li>
                                <li>内蒙古</li>
                                <li>新疆</li>
                                <li>贵州</li>
                                <li>海南</li>
                            </ul>
                            <ul class="botf lis3">
                                <li>天津</li>
                                <li>江苏</li>
                                <li>西藏</li>
                                <li>云南</li>
                                <li>重庆</li>
                            </ul>
                            <ul class="botf lis4">
                                <li>山东</li>
                                <li>山西</li>
                                <li>四川</li>
                                <li>江西</li>
                            </ul>
                            <ul class="botf lis5">
                                <li>河北</li>
                                <li>陕西</li>
                                <li>河南</li>
                                <li>浙江</li>
                            </ul>
                            <ul class="botf lis6">
                                <li>黑龙江</li>
                                <li>宁夏</li>
                                <li>湖北</li>
                                <li>福建</li>
                            </ul>
                            <ul class="botf lis7">
                                <li>吉林</li>
                                <li>甘肃</li>
                                <li>安徽</li>
                                <li>山东</li>
                            </ul>
                        </div>
                    </li>
                    <li class="tabli-s">
                        <i class="tits">上海</i>
                        <div class="tabot-s">
                            <ul class="botf slis1">
                                <li>平谷区</li>
                                <li>房山区</li>
                                <li>朝阳区</li>
                            </ul>
                            <ul class="botf slis2">
                                <li>顺义区</li>
                                <li>大兴区</li>
                                <li>石景山区</li>
                            </ul>
                            <ul class="botf slis3">
                                <li>怀柔区</li>
                                <li>丰台区</li>
                                <li>海淀区</li>
                            </ul>
                            <ul class="botf slis4">
                                <li>密云县</li>
                                <li>东城区</li>
                                <li>通州区</li>
                            </ul>
                            <ul class="botf slis5">
                                <li>延庆县</li>
                                <li>西城区</li>
                            </ul>
                            <ul class="botf slis6">
                                <li>昌平县</li>
                                <li>崇文区</li>
                            </ul>
                            <ul class="botf slis7">
                                <li>头门沟区</li>
                                <li>宣武区</li>
                            </ul>
                            
                        </div>
                    </li>
                    <p class="tabulp">✕</p>
                </div>
                <!-- <div class="bott"></div> -->
            </div>
            </div>
            <p class="f-l-t">
                <span class="z">您好，欢迎来到集什商城</span>
                <a class="y" href="./view.html">登录</a>
            </p>
            
        </div>
        <div class="f-r">
            <div class="ff">
                <p class="f">
                    <span>我的中心</span>
                    <i class="iconfont i">&#xe6ce;</i>
                </p>
                <div class="f-show">
                    <li class="fs-li"><a>个人主页</a></li>
                    <li class="fs-li"><a>密码修改</a></li>
                    <li class="fs-li"><a>我的收藏</a></li>
                    <li class="fs-li"><a>个人资料</a></li>
                </div>
            </div>
            <p>我的订单</p>
            <p class="f"><span>手机集什</span><i class="iconfont i">&#xe6ce;</i></p>
        </div>
    </div>
</div>
    <div class="head-er">
    <div class="header">
        
        <h1 class="logo"><a href="">集什商城</a></h1>
        <div class="wdzx">我的中心</div>
        <div class="ziti">
            <p class="zit "><a href="./homePage.html" class = 'fanhui'>返回首页</a></p>
            <div class="zit zit1">
                <p class=" zh-sz1"><b class="">账户设置</b>&nbsp;<i class="iconfont i i1">&#xe6ce;</i>
                </p>
                <div class=" z-uls1">
                    <li >个人信息</li>
                    <li>账户安全</li>
                    <li>我的尺码</li>
                    <li>账号绑定</li>
                    <li>收货地址</li>
                    <li>健康档案</li>
                    <li>分享绑定</li>
                    <li>邮件订阅</li>
                    <li>授权管理</li>
                    <li>我的银行卡</li>
                    <li>增票资质</li>
                    <li>企业发票</li>
                    <li>采购需求单</li>
                </div>
            </div>
            <div class="zit zit2">
                <p class=" zh-sz2"><b>用户评价</b>&nbsp;<i class="iconfont i i2">&#xe6ce;</i>
                </p>
                <div class=" z-uls2">
                    <li>待评价</li>
                    <li>服务评价</li>
                    <li>待追评</li>
                    <li>已评价</li>
                </div>
            </div>
            
        </div>
        <div class="text">
            <form class="text-input">
                <input class="txt-inp"
                type="text">
                <input class="txt-btn" type="text" value="搜索">
            </form>
        </div>
        <div class="header-g">
            <span class="iconfont ">&#xe600; <i class="h-g-i">购物车</i></span>
            <span class="h-g-y">0</span>
        </div>
    </div>
</div>



<div class="center">
    <div class="cent-f">
        <li class="cent-li she"><a>设置</a>
        </li>
        <li class="cent-li geren"><a>个人信息</a>
        </li>
        <li class="cent-li"><a>账号安全</a>
        </li>
        <li class="cent-li"><a>我的尺码</a>
        </li>
        <li class="cent-li"><a>账号绑定</a>
        </li>
        <li class="cent-li"><a>收货地址</a>
        </li>
        <li class="cent-li"><a>健康档案</a>
        </li>
        <li class="cent-li"><a>分享绑定</a>
        </li>
        <li class="cent-li"><a>邮件订阅</a>
        </li>
        <li class="cent-li"><a>应用授权</a>
        </li>
        <li class="cent-li"><a>快捷支付</a>
        </li>
        <li class="cent-li"><a>增票资质</a>
        </li>
        <li class="cent-li"><a>企业发票</a>
        </li>
        <li class="cent-li"><a>采购需求单</a>
        </li>
    </div>
    <div class="cent-r">
        <div class="ct-f">
            <li class="ctf-one"><a>基本信息</a></li>
            <li class=" like ctf-two"><a>头像照片</a></li>
            <li class=" like ctf-three"><a>更多个人信息</a></li>
        </div>
        <div class="ct-s">
            <div class="ctf-left">
                <div class="ctf-lone">
                    <span class="yonghu">用户名：</span>
                    <p class="mingzi">jd_nZawLbciZiuM</p>
                </div>
                <div class="ctf-ltwo">
                    <span class="yonghu"><i>*</i>登录名：</span>
                    <p class="mingzi ">jd_nZawLbciZiuM</p>
                    <a href="">修改</a>
                    <p class="lao">可用于登录，请牢记哦~</p>
                </div>
                <div class="ctf-lthree">
                    <span class="yonghu"><i>*</i>昵称：</span>
                    <input type="text" value="jd_nZawLbciZiuM" class="ipt">
                </div>
                <div class="ctf-lfive">
                    <span class="yonghu"><i>*</i>密码：</span>
                    <input type="text" value="" class="ipt">
                </div>
                
                <div class="ctf-lfour">
                    <span class="yonghu">性别：</span>
                    <input type="radio" name="sex" id="d1"><label for="d1">男</label>
                    <input type="radio" name="sex" id="d2"><label for="d2">女</label>
                    <input type="radio" name="sex" id="d3"><label for="d3">保密</label>
                </div>
                <div class="ctf-lsix">
                    <span class="yonghu">生日：</span>
                    <select name="" id="select">
                        <option value="">请选择：
                        </option>
                        <option value="">2021
                        </option>
                        <option value="">2020
                        </option>
                        <option value="">10后
                        </option>
                        <option value="">2019
                        </option>
                        <option value="">2018
                        </option>
                        <option value="">2017
                        </option>
                        <option value="">2016
                        </option>
                        <option value="">2015
                        </option>
                        <option value="">2014
                        </option>
                        <option value="">2013
                        </option>
                        <option value="">2012
                        </option>
                        <option value="">2011
                        </option>
                        <option value="">2010
                        </option>
                        <option value="">00后
                        </option>
                        <option value="">2009
                        </option>
                        <option value="">2008
                        </option>
                        <option value="">2007
                        </option>
                        <option value="">2006
                        </option>
                        <option value="">2005
                        </option>
                        <option value="">2004
                        </option>
                        <option value="">2003
                        </option>
                        <option value="">2002
                        </option>
                        <option value="">2001
                        </option>
                        <option value="">2000
                        </option>
                    </select>
                    <label class="nian" for="">年</label>
                    <select name="" id="select">
                        <option value="">请选择：
                        </option>
                        <option value="">1
                        </option>
                        <option value="">2
                        </option>
                        <option value="">3
                        </option>
                        <option value="">4
                        </option>
                        <option value="">5
                        </option>
                        <option value="">6
                        </option>
                        <option value="">7
                        </option>
                        <option value="">8
                        </option>
                        <option value="">9
                        </option>
                        <option value="">10
                        </option>
                        <option value="">11
                        </option>
                        <option value="">12
                        </option>  
                    </select>
                    <label class="nian" for="">月</label>
                    <select name="" id="select">
                        <option value="">请选择：
                        </option>
                    </select>
                    <label class="nian" for="">日</label>
                    <p class="lao">填写生日有惊喜哦~</p>
                </div>
                <div class="ctf-lsev">
                    <span>兴趣爱好：</span>
                    <div class="xing">
                        <p class="tui">请选择您感兴趣的分类，给您最精准的推荐</p>
                        <ul class="tushu">
                            <li>图书音像/电子书刊</li>
                            <li>家用电器</li>
                            <li>手机/数码</li>
                            <li>电脑/办公</li>
                            <li>家居/家具/假装/厨具</li>
                            <li>服饰内衣/珠宝首饰</li>
                            <li>个护化妆</li>
                            <li>鞋靴/箱包/钟表/奢侈品</li>
                            <li>运动健康</li>
                            <li>汽车用品</li>
                            <li>母婴/玩具乐器</li>
                            <li>食品饮料/保健食品</li>
                            <li>彩票/旅游/充值/票务</li>
                        </ul>

                    </div>
                </div>
                <div class="ctf-leight">
                    <div class="prevent"></div>
                    <button class="butt">提交</button>
                    
                </div>
            </div>
            <div class="ctf-right">
                <div class="mg"><img src="./imgs/mid_.jpg" alt=""></div>
                <div class="tx">
                    <p class="tx-p1">用户名：jd-nZawLbciZIyM</p>
                    <p class="tx-p2">用户享值1712</p>
                    <p class="tx-p3">小白信用：良好</p>
                    <p class="tx-p4">用户类型：个人用户</p>
                </div>
                <div class="zh">注：修改手机和邮箱请到&nbsp;<a>账户安全</a></div>
            </div>
    </div>
</div>
</div>


<div class="ender-wkd">
    <div class="ender">
        <p><span class="iconfont">&#xe639;</span>&nbsp;&nbsp;<span>正品保障 购物无忧</span></p>
        <p><span class="iconfont">&#xe64f;</span>&nbsp;&nbsp;<span>正品保障 购物无忧</span></p>
        <p><span class="iconfont">&#xec64;</span>&nbsp;&nbsp;<span>全国配送 送货到桌</span></p>
        <p><span class="iconfont">&#xe639;</span>&nbsp;&nbsp;<span>专业客服 贴身顾问</span></p>
    </div>
</div>
    
<div class="end-bfor">
    <div class="end-before">
        <div class="end-one">
            <h3>新手入门</h3>
            <ul class="bewent">
                <li>网站地图</li>
                <li>购物流程</li>
                <li>发票制度</li>
                <li>用户服务协议</li>
            </ul>
        </div>
        <div class="end-one">
            <h3>支付方式</h3>
            <ul class="bewent">
                <li>货到付款</li>
                <li>公司转账</li>
                <li>网上支付</li>
            </ul>
        </div>
        <div class="end-one">
            <h3>配送服务</h3>
            <ul class="bewent">
                <li>配送服务与实效性</li>
                <li>商品验货与签收</li>
            </ul>
        </div>
        <div class="end-one">
            <h3>售后保障</h3>
            <ul class="bewent">
                <li>退换货政策</li>
                <li>退换货流程</li>
            </ul>
        </div>
        <div class="end-one">
            <h3>关于集什</h3>
            <ul class="bewent">
                <li>公司简介</li>
                <li>在线客服</li>
                <li>联系我们</li>
            </ul>
        </div>
        <p class="end-two"></p>
        <div class="end-three">
            <p class="thre-w">微信公众号</p>
            <dl class="thre-f">
                <dt class="thre-l"><img src="../www/imgs/100.jpg" alt=""></dt>
                <dd class="thre-s"><p>扫一扫！关注集什商城</p>
                <span>客服热线：400-168-0888</span></dd>
            </dl>
        </div>
    </div>
</div>
<div class="ebend">
    <div class="b-end">
        <div class="bend"><span>友情链接：</span>
            <ul class="bend-ul">
                <li class="bend-lis"><a href="">得力剧团</a></li>
                <li class="bend-lis"><a href="">得力商城</a></li>
                <li class="bend-lis"><a href="">集什商城</a></li>
                <li class="bend-lis"><a href="">企业采购</a></li>
                <li class="bend-lis"><a href="">办公采购网</a></li>
                <li class="bend-lis"><a href="">企业办公采购</a></li>
                <li class="bend-lis"><a href="">办公用品</a></li>
                <li class="bend-lis"><a href="">办公用品采购</a></li>
                <li class="bend-lis"><a href="">办公文具采购</a></li>
                <li class="bend-lis"><a href="">企业办公文具用品</a></li>
                <li class="bend-lis"><a href="">企业办公采购网</a></li>
            </ul>
        </div>
        
        <ul class="lend">
            <li class="lend-li"><a href="">Copyright&nbsp;&copy;&nbsp;2014-2020</a></li>
            <li class="lend-li"><a href="">集什商城版权所有</a></li>
            <li class="lend-li">浙ICP备18053989号-1<a href=""></a></li>
            <li class="lend-li"><a href="">浙公网安备&nbsp;33010402003862号</a></li>
        </ul>
        <br>
        
        <ul class="tend">
            <li><img src="../www/imgs/001.jpg" alt=""></li>
            <li><img src="../www/imgs/002.jpg" alt=""></li>
            <li><img src="../www/imgs/003.jpg" alt=""></li>
            <li><img src="../www/imgs/004.jpg" alt=""></li>
            <li><img src="../www/imgs/005.jpg" alt=""></li>
        </ul>
    </div>    
    </div>
    <script src="./js/person.js"></script>
</body>
</html>